/* CSS Document */
* {
    margin: 0;
    font-family: "Open Sans Light";
}

body {
    background-image: linear-gradient(to right, #0ecef5, #59e9c3);
}

.login {
    width: 502px;
    height: 485px;
    background-color: #ffffff;
    margin: 600px auto;
    border: 2px solid #6cf0b6;
    border-radius: 20px;
}

.login .login-concent {
    width: 230px;
    height: 110px;
    font-size: 62px;
    line-height: 130px;
    font-weight: bolder;
    text-align: center;
    margin: 18px auto;
}

.login .user {
    width: 250px;
    height: 200px;
    margin: 0 auto;
}

.login .user .aaa {
    width: 200px;
    margin: 20px auto;
}

.login .user .aaa .input-item {
    border: 0;
    width: 180px;
    border-bottom: 1px solid rgb(128, 125, 125);
    padding: 10px;
    font-size: 15px;
    outline: none;
}

.login .user .aaa .log-but {
    width: 200px;
    height: 64px;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    border: 0;
    margin-top: 30px;
    outline: none;
    background-image: linear-gradient(to right, #0ecef5, #59e9c3);
    cursor: pointer;
    border-radius: 8px;
    display: block;
    text-align: center;
    line-height: 64px;
    font-size: 32px;
}

.login .user .aaa .log-but:hover {
    background-image: linear-gradient(to right, #59e9c3, #0ecef5);

}

.login .user .log-more {
    width: 200px;
    height: 20px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
}

.login .user .log-more a {
    text-decoration: none;
    color: #a6c1ef;
}